<?xml version='1.0' encoding='UTF-8' ?>
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:f="http://java.sun.com/jsf/core">
    <f:loadBundle  basename="resources.caption" var="caption"/>
    <pe:head title="#{companyBean.company.companyName}" shortcutIcon="favicon.ico">
        <f:facet name="first">
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <meta http-equiv="pragma" content="no-cache"/>
            <meta http-equiv="cache-control" content="no-cache"/>
            <meta http-equiv="expires" content="0"/>
        </f:facet>
    
    
    
       
        <h:outputStylesheet name="default.css" library="css" />
        <h:outputStylesheet name="button.css" library="css" />
        <h:outputStylesheet name="login.css" library="css" />
		<style type="text/css">
html {
	background-image: none;
}
#versionBar {
	background-color:#212121;
	position:fixed;
	width:100%;
	height:35px;
	bottom:0;
	left:0;
	text-align:center;
	line-height:35px;
	z-index:11;
}
.copyright{
	text-align:center; font-size:10px; color:#CCC;
}
.copyright a{
	color:#A31F1A; text-decoration:none
}    
</style>
        <script type="text/javascript">
            function componenKeyPressLogin(e) {
                        var code = (e.keyCode ? e.keyCode : e.which);
                        if(code==13) {
                          document.getElementById('btnLogin').click();
                         ///  e.preventDefault();
                        }
                    }
        </script>
    </pe:head>
    <h:body>
	<div id="alertMessage" class="error"/>
        <div   id="login">
			<div  Class="ribbon"/>
            <div  Class="inner">                
				<div  Class="logo">
                            <!--<h:panelGrid columns="2" cellpadding="2" styleClass="keyLog" border="0" rowClasses="vLog" columnClasses="imgKeyLog" width="400"> -->
                                <h:graphicImage name="logo_login.png" library="images"/>
                                
                            <!--</h:panelGrid> -->
				</div> 		
				<div  Class="formLogin">   	
                           <!-- <h:form id="formLogin">
                                <h:panelGrid styleClass="formLogIn" columns="2" cellpadding="2" border="0">
                                   
                                    <h:inputText value="#{loginBean.username}" id="username_id" label="Username" styleClass="inpSty1"></h:inputText>
                                   
                                    <h:inputSecret value="#{loginBean.password}" id="password" styleClass="inpSty1"></h:inputSecret>
                                    <h:panelGrid styleClass="loginButton">  
										<h:panelGrid style="float:left; margin-left:-9px;">  
										<h:commandButton styleClass="btnLogPos" type="submit" value="Login" action="#{loginBean.login}"></h:commandButton>
										</h:panelGrid>
									</h:panelGrid>
                                </h:panelGrid>
                            </h:form> -->
						<h:form id="formLogin" prependId="false">
			<!--<input name="username" type="text"  id="username_id"  title="Username"   />
			 <input name="password" type="password" id="password"   title="Password"  />-->
			 <h:inputText value="#{loginBean.username}" id="username_id" ></h:inputText>
                         <h:inputSecret value="#{loginBean.password}" alt="Password" id="password" onkeydown="componenKeyPressLogin(event)" ></h:inputSecret>
          <div class="loginButton">
            
			<div style="float:right; padding:3px 0; margin-right:-12px;">
              <div> 
                  <h:commandLink id="btnLogin" styleClass="uibutton normal" action="#{loginBean.login}" value="Login"></h:commandLink> 
				
                <!--<ul class="uibutton-group">
                   <li><a class="uibutton normal" href="#" id="but_login" >Login</a></li>				   
               </ul>-->
              </div>
			  
            </div>
			<div class="clear"></div>
		  </div>

      </h:form>
                            <h:messages styleClass="vLP"></h:messages>
                </div> 	        
            </div>
			<div class="clear"/>
			<div class="shadow"/>
        </div>
		
		<!--Login div-->
<div class="clear"></div>
<div id="versionBar" >
  <div class="copyright" >Powered by Maxima KSP.  Copyright© 2012 All Rights Reserved by <span class="tip"><a  href="http://www.maximaprima.co.id" title="Maxima" >PT Maxima Integrasi Prima</a> </span> </div>
  <!-- // copyright-->
</div>
    </h:body>
</html>